/*头部右侧背景色 headerRightBg */
.layui-layout-admin .layui-header {
    background-color: rgba(24, 145, 255, 1) !important;
}

/*头部右侧选中背景色 headerRightBgThis */
.layui-layout-admin .layui-header .layuimini-header-content > ul > .layui-nav-item.layui-this, .layuimini-tool i:hover {
    background-color: #e4e4e4 !important;
}

/*头部右侧字体颜色 headerRightColor */
.layui-layout-admin .layui-header .layui-nav .layui-nav-item a {
    font-family: '微软雅黑', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px !important;
    letter-spacing: normal;
    color: #FEFEFE;
}

/**头部右侧下拉字体颜色 headerRightChildColor */
.layui-layout-admin .layui-header .layui-nav .layui-nav-item .layui-nav-child a {
    color: #666666 !important;
}

/*头部右侧鼠标选中 headerRightColorThis */

.layui-header .layuimini-menu-header-pc.layui-nav .layui-nav-item a:hover,
.layui-header .layuimini-header-menu.layuimini-pc-show.layui-nav .layui-this a {
    background-color: rgba(24, 145, 255, 1) !important; /* 背景颜色 */
    background-image: url('dgzescup.png'); /* 背景图 */
    background-size: contain; /* 或使用 cover 根据需要 */
    background-repeat: no-repeat; /* 不重复背景图像 */
    background-position: left center; /* 背景图像左侧居中 */
    display: flex; /* 使用 Flexbox 布局 */
    align-items: center; /* 垂直居中 */
    color: #fff; /* 设置文字颜色 */
}

.layui-header .layuimini-menu-header-pc.layui-nav .layui-nav-item a i {
    margin-right: 10px; /* 图标与文本之间的间距 */
    color: inherit; /* 继承颜色以保持一致 */
}


/*头部右侧更多下拉颜色 headerRightNavMore */
.layui-header .layui-nav .layui-nav-more {
    border-top-color: #FFFFFF !important;
}

/*头部右侧更多下拉颜色 headerRightNavMore */
.layui-header .layui-nav .layui-nav-mored, .layui-header .layui-nav-itemed > a .layui-nav-more {
    border-color: transparent transparent #FFFFFF !important;
}

/**头部右侧更多下拉配置色 headerRightNavMoreBg headerRightNavMoreColor */
.layui-header .layui-nav .layui-nav-child dd.layui-this a, .layui-header .layui-nav-child dd.layui-this, .layui-layout-admin .layui-header .layui-nav .layui-nav-item .layui-nav-child .layui-this a {
    background-color: #1E9FFF !important;
    color: #ffffff !important;
}

/*头部缩放按钮样式 headerRightToolColor */
.layui-layout-admin .layui-header .layuimini-tool i {
    color: #565656;
}

/*logo背景颜色 headerLogoBg */
.layui-layout-admin .layuimini-logo {
    background-color: rgba(24, 145, 255, 1) !important;
}

/*logo字体颜色 headerLogoColor */
.layui-layout-admin .layuimini-logo h1 {
    color: #FEFEFE;
    /*font-size: 14px;*/
    /*font-weight: 400*/
}

/* ===========================================================*/
/*左侧菜单更多下拉样式 leftMenuNavMore */
.layuimini-menu-left .layui-nav .layui-nav-more, .layuimini-menu-left-zoom.layui-nav .layui-nav-more {
    /*border-top-color: rgb(191, 187, 187);*/
}

/*左侧菜单更多下拉样式 leftMenuNavMore */
.layuimini-menu-left .layui-nav .layui-nav-mored, .layuimini-menu-left .layui-nav-itemed > a .layui-nav-more, .layuimini-menu-left-zoom.layui-nav .layui-nav-mored, .layuimini-menu-left-zoom.layui-nav-itemed > a .layui-nav-more {
    /*border-color: transparent transparent rgb(191, 187, 187) !important;*/
}
/* ===========================================================*/

/* ===========================================================*/
/*左侧菜单背景 leftMenuBg */
.layui-side.layui-bg-black, .layui-side.layui-bg-black > .layuimini-menu-left > ul,
.layuimini-menu-left-zoom > ul{
    background: inherit;
    background-color: #FFFFFF !important;
    background-image: url('menuBg.png'); /* 替换为你的图片路径 */
    background-size: cover; /* 背景图片覆盖整个元素 */
    background-repeat: no-repeat; /* 背景图片不重复 */
    background-position: center; /* 背景图片居中 */
    z-index: 1; /* 确保背景层级不被其他元素覆盖 */
    opacity: 1; /* 设置背景图片的透明度为80% */
}

/*左侧菜单选中背景 leftMenuBgThis */
/* 鼠标移入未点击时的背景样式 */
.layuimini-menu-left .layui-nav-tree > li > a:hover,
.layuimini-menu-left .layui-nav-tree .layui-nav-child dd > a:hover,
.layuimini-menu-left-zoom .layui-nav-tree > li > a:hover,
.layuimini-menu-left-zoom .layui-nav-tree .layui-nav-child dd > a:hover {
    background-color: rgba(240, 246, 255, 1) !important;
    color: #74798C !important;
}



.layuimini-menu-left .layui-nav-tree .layui-this,
.layuimini-menu-left .layui-nav-tree .layui-this > a,
.layuimini-menu-left .layui-nav-tree .layui-nav-child dd.layui-this,
.layuimini-menu-left .layui-nav-tree .layui-nav-child dd.layui-this a,
.layuimini-menu-left-zoom.layui-nav-tree .layui-this,
.layuimini-menu-left-zoom.layui-nav-tree .layui-this > a,
.layuimini-menu-left-zoom.layui-nav-tree .layui-nav-child dd.layui-this,
.layuimini-menu-left-zoom.layui-nav-tree .layui-nav-child dd.layui-this a {
    background: inherit;
    background-color: rgba(240, 246, 255, 1) !important;
    border-color: rgba(24, 145, 255, 1) !important;
    color: #1891FF !important;
    border-width: 0;
    border-style: solid;
    border-right: 0; /* 移除右边的边框 */
    border-top: 0;
    border-bottom: 0;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-overflow: clip;
    position: relative; /* 使伪元素能够相对于当前元素定位 */
}

/* 不点击时的左边框 */
.layuimini-menu-left .layui-nav-tree .layui-nav-child dd > a,
.layuimini-menu-left-zoom .layui-nav-tree .layui-nav-child dd > a {
    position: relative;
}

.layuimini-menu-left .layui-nav-tree .layui-nav-child dd > a::before,
.layuimini-menu-left-zoom .layui-nav-tree .layui-nav-child dd > a::before {
    content: '';
    position: absolute;
    left: 28px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 56px;
    background-color:#EBEEF1;
    border-radius: 4px 4px 4px 4px;
}

/* 点击时的左边框 */
.layuimini-menu-left .layui-nav-tree .layui-this:not(:has(a > i))::before,
.layuimini-menu-left .layui-nav-tree .layui-this:not(:has(a > i)) > a::before,
.layuimini-menu-left .layui-nav-tree .layui-nav-child dd.layui-this:not(:has(a > i))::before,
.layuimini-menu-left .layui-nav-tree .layui-nav-child dd.layui-this:not(:has(a > i)) a::before,
.layuimini-menu-left-zoom.layui-nav-tree .layui-this:not(:has(a > i))::before,
.layuimini-menu-left-zoom.layui-nav-tree .layui-this:not(:has(a > i)) > a::before,
.layuimini-menu-left-zoom .layui-nav-tree .layui-nav-child dd.layui-this:not(:has(a > i))::before,
.layuimini-menu-left-zoom .layui-nav-tree .layui-nav-child dd.layui-this:not(:has(a > i)) a::before {
    content: '';
    position: absolute;
    left: 28px;
    top: 50%; /* 垂直居中 */
    transform: translateY(-50%); /* 垂直居中 */
    width: 3px;
    height: 19px;
    background-color: rgba(24, 145, 255, 1);
    border-radius: 4px 4px 4px 4px;
}

/* 左侧菜单主菜单显示边框 */
.layuimini-menu-left .layui-nav-item {
    background: none !important; /* 确保菜单项目的背景不覆盖整体背景 */
    /*background-color: rgba(249, 249, 249, 1) !important;*/
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(233, 233, 233, 1);
    border-left: 0;
    border-top: 0;
    border-right: 0;
    border-radius: 0;
    z-index: 2; /* 提高层级以确保文本可见 */
}

/* 左侧菜单子菜单背景 leftMenuChildBg */
.layuimini-menu-left .layui-nav-item >.layui-nav-child {
    /* 确保菜单项目的背景不覆盖整体背景 */
    background: none !important; /* 确保菜单项目的背景不覆盖整体背景 */
    z-index: 2; /* 提高层级以确保文本可见 */
}

/* ===========================================================*/
/*左侧菜单字体颜色 leftMenuColor */
.layuimini-menu-left .layui-nav .layui-nav-item a, .layuimini-menu-left-zoom.layui-nav .layui-nav-item a {
    color: #666666 !important;
    text-overflow: clip;
}

/*左侧菜单选中字体颜色 leftMenuColorThis */
.layuimini-menu-left .layui-nav .layui-nav-item a:hover, .layuimini-menu-left .layui-nav .layui-this a, .layuimini-menu-left-zoom.layui-nav .layui-nav-item a:hover, .layuimini-menu-left-zoom.layui-nav .layui-this a {
    color:rgb(64, 158, 255) !important;
}
/* ===========================================================*/

/**tab选项卡选中颜色 tabActiveColor */
.layuimini-tab .layui-tab-title .layui-this .layuimini-tab-active {
    background-color: #1e9fff;
}
